﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="inventory2.aspx.cs" Inherits="HPIT_Library.inventory2" %>
<%@ Register TagPrefix="webdiyer" Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
     <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
    <script src="js/jquery-1.7.2.min.js"></script>
    <link rel="stylesheet" />
		<link rel="stylesheet" href="css/Site.css" />
		<link rel="stylesheet" href="css/zy.all.css" />
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/amazeui.min.css" />
	  <link rel="stylesheet" href="css/admin.css" />
    <style type="text/css">
	 .pages {  color: #999;overflow: auto; }
.pages a, .pages .cpb { text-decoration:none;float: left; padding: 0 5px; border: 1px solid #ddd;background: #ffff;margin:0 2px; font-size:11px; color:#000;}
.pages a:hover { background-color: #E61636; color:#fff;border:1px solid #E61636; text-decoration:none;}
.pages .cpb { font-weight: bold; color: #fff; background: #E61636; border:1px solid #E61636;}
	</style>
</head>
<body>
    <form id="form1" runat="server">
        <div class="dvcontent">

			<div>
				<!--tab start-->
				<div class="tabs">
					<div class="hd">
						<ul>
							<li class="on" style="box-sizing: initial;-webkit-box-sizing: initial;">库存管理</li>
							 <li class="" style="box-sizing: initial;-webkit-box-sizing: initial;">
								 <a href="inventory2.aspx">
									 库存管理二
								 </a></li>
						</ul>
					</div>
					<div class="bd" style="height:100% auto">
						<ul style="display: block;padding: 20px;">
							<li>
								<!--分页显示角色信息 start-->
								<div id="dv1">
									<div>
            <div>
                图书名称:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                图书作者:<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                <asp:Button ID="Button1" runat="server" Text="检索" />
            </div>
            <div>
                <asp:Repeater ID="Repeater1" runat="server">
                    <HeaderTemplate>
                        <table border="1" style="text-align:center;width:100%">
                            <thead>
                                <th>图书编号</th>
                                <th>图书名称</th>
                                <th>图书简介</th>
                                <th>作者</th>
                                <th>图书价格</th>

                            </thead>
                    </HeaderTemplate>
                    <ItemTemplate>
                        <tr>
                            <td><%#Eval("BookId") %></td>
                            <td><%#Eval("BookName") %></td>
                            <td><%#Eval("BookSynopsis") %></td>
                            <td><%#Eval("BookAuthor") %></td>
                            <td><%#Eval("BookMoney") %></td>
                        </tr>
                    </ItemTemplate>
                    <FooterTemplate>
                        </table>
                    </FooterTemplate>
                </asp:Repeater>
            </div>
            <div>
                 <webdiyer:AspNetPager ID="AspNetPager" runat="server" UrlPaging="True" AlwaysShow="true" 
                    FirstPageText="首页" LastPageText="末页" PageSize="5" 
                    NextPageText="下一页" PrevPageText="上一页" CustomInfoHTML="目前是第%CurrentPageIndex%页 / 总共%PageCount%页" 
                    ShowCustomInfoSection="Right" PagingButtonSpacing="0px" NumericButtonCount="5"
                    CssClass="pages" CurrentPageButtonClass="cpb"  Width="1000px" OnPageChanged="AspNetPager_PageChanged">
                </webdiyer:AspNetPager>
            </div>
            <div id="main" style="width: 600px;height:400px;"></div>
    <script type="text/javascript">
        $(function () {
            $.post("/Ashx/Escarst.ashx", null, function (data) {

                // 基于准备好的dom，初始化echarts实例
                var myChart = echarts.init(document.getElementById('main'));
                // 指定图表的配置项和数据
                var option = {
                    title: {
                        text: '图书分类及其数量'
                    },
                    tooltip: {},
                    legend: {
                        data: ['数量']
                    },
                    xAxis: {
                        data: data.CategoryName,
                    },
                    yAxis: {},
                    series: [{
                        name: '销量',
                        type: 'bar',
                        data: data.Count,
                    }]
                };
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);
            }, "json")
        })



    </script>
        </div>
									
								</div>
								<!--分页显示角色信息 end-->
							</li>
						</ul>
						<ul class="theme-popbod dform" style="display: none;">
								<div class="am-cf admin-main" style="padding-top: 0px;">
							<!-- content start -->
							</div>
						</ul>
					</div>
				</div>
				<!--tab end-->

			</div>


		</div>
        
    </form>
</body>
</html>
